﻿<!DOCTYPE html>
<html>
<head>
    <title>iRecord柜台双录业务平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="extend_resource/plugins/video_js/video-js.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/nifty.min.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="extend_resource/plugins/layer/css/layer.css"/>
    <link href="extend_resource/css/control.css" rel="stylesheet" type="text/css"/>
    <link href="javascript/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>

    <link href="extend_resource/css/index.css" rel="stylesheet" type="text/css"/>



    <link href="css/demo.css" rel="stylesheet" type="text/css" />
    <link href="css/advanceset.css" rel="Stylesheet" type="text/css" />
    <!-- 加载AnyChat for Web SDK库  -->
    <!--[if lt IE 9]>
        <script>
            location.href = 'ie9/low-version-ie.html';
        </script>
    <![endif]-->
    <script language="javascript" type="text/javascript" src="./javascript/anychatobject.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/anychat4html5.min.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/anychatsdk.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/anychatevent.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/advanceset.js" charset="GB2312"></script>

    <!-- 加载业务逻辑控制脚本  -->


</head>
<body onload="LogicInit()" style="overflow-x: auto;" class="nifty-ready  pace-done bg-img-1" >

<div id="prepare-for-business" v-cloak>
    <!--业务start-->
    <div class="container" id="profession" v-show="show_modual == 'login'">
        <div class="module" id="login">
            <div class="cls-content login-box">
                <div class="login-title" style="margin-bottom:20px;font-size: 35px;letter-spacing:3px">AnyChat<sup>&reg;</sup>双录坐席系统</div>
                <div class="cls-content-sm panel border-radius-8">
                    <div class="panel-body">
                        <form onsubmit="return false" @keyup.enter="dealLogin">
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon bg-theme-colors"><img src="extend_resource/image/username.png" class="login-icon"></div>
                                    <input type="text" class="form-control input-lg username_" placeholder="请输入用户名" v-model="username">
                                </div>
                                <div v-show="userInput" class="color-error">请输入用户名</div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon bg-theme-colors"><img src="extend_resource/image/password.png" class="login-icon"></div>
                                    <input type="password" class="form-control input-lg password" placeholder="请输入密码" v-model="password">
                                </div>
                                <div v-show="pwdInput" class="color-error">请输入密码</div>
                            </div>
                            <div class="form-group" style="position: relative;">
                                <div class="">
                                    <input type="text" class="form-control input-lg password" v-model="code">
                                    <img id="code_img" style="position: absolute;cursor:pointer;left: 185px;top: 0;height: 100%;width: 106px;" src="images/code/1.png" onclick="code_click()"/>
                                </div>
                                <div v-show="pwdInput" class="color-error" v-show="codeInput">请输入验证码</div>
                            </div>
                            <div class="form-group">
                                <div class="input-group remember-box">
                                    <input type="checkbox" v-model="rememberPwd" id="remember"/>
                                    <label for="remember"><span>记住我</span></label>
                                </div>
                            </div>
                            <button class="btn btn-primary btn-lg btn-block" type="button"  @click="dealLogin()">
                                登录
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <p class="text-center" style="font-size:16px;color: #ffffff;position: fixed;bottom: 20px;width: 100%;left: 0">©2005-2017  BaiRuiTech  Inc.  All  Rights  Reserved</p>
        </div>

        <div class="module-box psr hide" id="module-box"></div>
    </div>
    <!--业务end-->

    <!-- 大厅start -->
    <div class="container business-hall" id="business-hall" v-show="show_modual == 'hall'">
        <div class="step-area" style="height: 60px;">
            <div class="logo-area">
                <img src="./images/logo.png">
            </div>
            <div class="logout-area">
                <div class="psr">
                    <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                    <a class="AnyChatAccountid" style="font-size: 16px;">Admin</a>
                    <span class="status-box">
	                    <i class="fa fa-minus-circle status-btn" aria-hidden="true" style="color: red;"></i>
	                    <i class="fa fa-circle status-btn dn" aria-hidden="true" style="color: greenyellow;"></i>
                    </span>
                    <ul class="psa status-menu-box dn">
                    	<li id="stopService"><i class="fa fa-minus-circle"></i>示忙</li>
                    	<li class="idle" id="startService"><i class="fa fa-circle"></i>示闲</li>
                    </ul>
                </div>
                <div>
                    <i class="fa fa-sign-out" aria-hidden="true"></i>
                    <span class="AnyChatSignout">退出</span>
                </div>
            </div>
        </div>
        <div class="agent-box psr">
        	<div class="busy-box">
        		<ul>
        			<li class="busy-icon"><img src="images/busy.png"/></li>
        			<li class="mt10">示忙: <span class="color_m" id="busyagentcount">1</span>人</li>
        		</ul>
        	</div>
        	<div class="queue-box">
        		<div class="cur-time-area">
	        		<img src="images/queue.png"/>
	        	</div>
	        	<div class="tip-area mt10">
	        		<p>当前有<span class="color_m" id="the_number_of_line">0</span>位用户正在排队办理</p>
	        	</div>
        	</div>
        	<div class="free-box">
        		<ul>
        			<li class="free-icon"><img src="images/free.png"/></li>
        			<li class="mt10">示闲: <span class="color_m" id="idleagentcount">0</span>人</li>
        		</ul>
        	</div>
        	
        </div>
    </div>
    <!-- 大厅end -->
</div>
<!--头尾部固定div-->
<div id="Header_And_Footer" class="hide">
	<div class="header"></div>
	<!--<div class="footer"></div>-->
</div>



<!--系统日志信息层-->
<div id="LOG_DIV_BODY" >
    <img src="images/left101.png" class="left">
    <div id="LOG_DIV_TITLE" style="font-size: 18px"></div>
    <div id="LOG_DIV_CONTENT"></div>
</div>

<!--操作等待层 -->
<div id="LOADING_DIV"><img src="./images/LoadImg.gif" alt="请等待..." style=" height:50px;" /></div>

<!--灰色背景透明层 -->
<div id="LOADING_GREY_DIV"></div>

<!--所有界面与浏览器顶部距离层 -->
<!--<div id="margintop"></div>-->

<div id="MAIN_DIV">
    <!--安装插件提示层 -->
    <div id="prompt_div">
        <div class="close_div">
            <div id="prompt_div_headline1">插件安装提示</div>
            <div id="prompt_div_headline2">刷新</div>
        </div>
        <div>
            <div id="prompt_div_line1"></div>
            <div id="prompt_div_line2">控件安装完成后，请重启浏览器</div>
            <div id="prompt_div_btn_load" onclick="window.open('http://anychat.oss-cn-hangzhou.aliyuncs.com/AnyChatWebSetup.exe')">下载安装</div>
        </div>
        <div style="height: 85px;">
            <div id="prompt_div_BR">
                <a href="http://www.anychat.cn/">AnyChat</a>&nbsp;|&nbsp;<a href="http://www.bairuitech.com/">佰锐科技</a>
            </div>
        </div>
    </div>


    <div id="pos">
        <!--登录层start-->
        <div class="row text-left hide" id="login_div" >
            <div class="top-content">
                <div class="inner-bg">
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-8 col-sm-offset-2 text">
                                <h1><strong>AnyChat</strong></h1>
                                <div class="description">
                                    <p style="font-size: 16px">
                                        iRecord柜台双录业务平台
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-4 col-sm-offset-4 form-box">
                                <div class="form-bottom">
                                    <form role="form" action="" method="post" class="login-form" onsubmit="return false">
                                        <div class="form-group">
                                            <label for="username" class="">用户名</label>
                                            <input type="text" placeholder="请输入用户名" class="form-control input-lg" id="username"/>
                                            <p class="help-block red" id="user" style="display: none">*请输入用户名</p>
                                        </div>
                                        <div class="form-group">
                                            <label for="password" class="">密码</label>
                                            <input type="text" id="password"  onfocus="PasswordFocus(this,'white')" onblur="myblur(this,'white')"  value=""  class="form-control input-lg">
                                            <p class="help-block red" id="pass" style="display: none">*请输入密码</p>
                                        </div>
                                        <div class="form-group">
                                            <label for="password" class="">图片验证码</label>
                                            <div></div>
                                            <!--<input type="text" id="password"  onfocus="PasswordFocus(this,'white')" onblur="myblur(this,'white')"  value=""  class="form-control input-lg">-->
                                            <input type="text" id="code" class="form-control input-lg" style="width: 69%;float: left"><img src="images/code/1.png" style="width: 30%;height:37px;cursor: pointer" />
                                            <div></div>
                                            <p class="help-block red" id="code_" style="display: none">*请输入正确图片验证码</p>
                                        </div>
                                        <button class="btn btn-info btn-lg mar-top" type="submit" id="loginbtn">登录</button>
                                        <button class="btn btn-primary hide" id="setting">设置</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="row mar-top" style="display: none" id="setting_div">
                                <form role="form" class="form-inline" onsubmit="return false">
                                    <div class="form-group">
                                        <label for="username" class="">服务端</label>
                                        <input type="text" id="ServerAddr" style="width:120px;" class="form-control"/>
                                    </div>
                                    <div class="form-group">
                                        <label for="password" class="control-label">端口</label>
                                        <input type="text" id="ServerPort" style="width:60px;"  class="form-control"/>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--登录层end-->


        <!--大厅层 -->
        <div id="hall_div">
            <div style="width:610px; height:25px;"><div id="ExitSystemBtn">×关闭</div></div>
            <div id="hall_div_myinfo">
                <div id="hall_div_myinfo1">
                    <table style="width:100%; margin-top:15px;">
                        <tr>
                            <td class="hall_div_left">昵称：</td>
                            <td class="hall_div_center" id="hall_div_td_name"></td>
                        </tr>
                        <tr>
                            <td class="hall_div_left">ID：</td>
                            <td class="hall_div_center" id="hall_div_td_id"></td>
                        </tr>
                        <tr>
                            <td class="hall_div_left">级别：</td>
                            <td class="hall_div_center" id="hall_div_td_level"></td>
                        </tr>
                        <tr>
                            <td class="hall_div_left">IP：</td>
                            <td class="hall_div_center" id="hall_div_td_ip"></td>
                        </tr>
                    </table>
                </div>
                <div id="hall_div_table">
                    <div style="height:133px;">
                        <div class="hall_div_table_room" id="hall_div_table_room1" onmouseout="Mouseout('hall_div_table_room1')" onmousemove="Mouseover('hall_div_table_room1')" onclick="EnterRoomRequest(1)">房间1</div>
                        <div class="hall_div_table_room" id="hall_div_table_room2" onmouseout="Mouseout('hall_div_table_room2')" onmousemove="Mouseover('hall_div_table_room2')" onclick="EnterRoomRequest(2)">房间2</div>
                        <div class="hall_div_table_room" id="hall_div_table_room3" onmouseout="Mouseout('hall_div_table_room3')" onmousemove="Mouseover('hall_div_table_room3')" onclick="EnterRoomRequest(3)">房间3</div>
                        <div class="hall_div_table_room" id="hall_div_table_room4" onmouseout="Mouseout('hall_div_table_room4')" onmousemove="Mouseover('hall_div_table_room4')" onclick="EnterRoomRequest(4)">房间4</div>
                    </div>
                    <div id="hall_div_operation">
                        <div id="hall_div_operation_div1">
                            <div id="hall_div_operation_div2">
                                <div id="hall_div_customroomdiv">自定义房间:&nbsp;<input type="text" id="customroomid" style=" width:130px;" /></div>
                                <div id="hall_div_customroomdiv_btn"><div id="EnterRoomBtn" onmouseout="Mouseout('EnterRoomBtn')" onmousemove="Mouseover('EnterRoomBtn')">进入</div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!--新房间模块 start -->
    <div id="room_div" class="text-left module">
        <div class="row pad-all">
            <div class="col-sm-3" id="room_left">
                <!--个人信息-->
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">客户信息</h3>
                    </div>
                    <div class="panel-body" style="padding: 0" id="client_info">
                        <ul class="list-group mar-no">
                            <li class="list-group-item"><span>姓名：</span><span>范勇胜</span></li>
                            <li class="list-group-item"><span>出生年月：</span><span>1991-02-02</span></li>
                            <li class="list-group-item"><span>性别：</span><span>男</span></li>
                            <li class="list-group-item"><span>证件类型：</span>身份证</li>
                            <li class="list-group-item"><span>证件号码：</span><span v-text="financialInfo.idcardnum"></span></li>
                        </ul>
                    </div>
                </div>
                <!--产品信息-->
                <div class="panel panel-primary" id="left_info1">
                    <div class="panel-heading">
                        <h3 class="panel-title">产品信息</h3>
                    </div>
                    <div class="panel-body" style="padding: 0">
                        <ul class="list-group mar-no">
                            <li class="list-group-item">
                                <span>产品名称：</span>
                                <span>日益月鑫</span>
                            </li>
                            <li class="list-group-item"><span>产品代码：</span>R20168085</li>
                            <li class="list-group-item"><span>产品期限：</span>62天</li>
                            <li class="list-group-item"><span>风险级别：</span>R2(稳健型)</li>
                            <li class="list-group-item"><span>产品特点：</span>低风险</li>
                            <li class="list-group-item"><span>投资及收益币种：</span><span>人民币</span></li>
                            <li class="list-group-item"><span>产品类型：</span><span>非保本浮动收益型</span></li>
                        </ul>
                    </div>
                </div>
                <!--身份证照片-->
                <div class="panel panel-primary">
                    <div class="panel-body" style="padding: 0">
                        <div class="win" id="photo_list">
                            <div class="title">
                                <a href="javascript:;" style="color:#fff">身份证正面</a>
                                <a href="javascript:;">身份证反面</a>
                                <div class="float"></div>
                            </div>

                            <div class="box text-center">
                                <div class="box_p text-center" style="left:0">
                                    <img src="images/wite.png" class="img-responsive" id="idcard_f">
                                </div>
                                <div class="box_p text-center">
                                    <img src="images/wite.png" class="img-responsive" id="idcard_r">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--有部分-->
            <div class="col-sm-9" id="room_right">
                <!--视频区域-->
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">视频区</h3>
                    </div>
                    <div class="panel-body" style="padding: 0;position: relative;min-height: 334px" id="box_video">
                        <div id="AnyChatRemoteVideoDiv" style="z-index:100000;" class="col-sm-6">
                            <!--录制按钮开始-->
                            <iframe  allowtransparency="true"   style="width: 60px;height: 60px;background: transparent;position: absolute;left: 50%;bottom: 20px;margin-left: -30px;z-index: 699;"></iframe>
                            <button class="btn btn-primary pad-no text-center" id="recording"  style="width: 60px;padding:0 !important;height: 60px;position: absolute;left: 50%;margin-left:-30px;bottom: 20px;z-index: 700">开始录制</button>
                            <!--<a style="width:50px;line-height: 50px;background: #fff;color: #000;position: absolute;left: 50%;bottom: 20px;text-align: center;margin-left: -25px;z-index: 700;">录制</a>-->
                            <!--录制按钮结束-->
                            <div id="room_div_myobject">
                                <div id="AnyChatLocalVideoDiv"></div>
                                <iframe id="AnyChatLocalVideoDiv_"></iframe>
                                <div style=" text-align:left; width:193px; height:4px;">
                                    <div id="LocalAudioVolume"></div>
                                </div>
                            </div>
                        </div>

                        <!--ppt 开始-->
                        <div id="ppt_div"  class="col-sm-6">
                            <div id="pptpage" style="width: 100%">

                            </div>
                            <!--<img src="http://vip.anychat.cn/irecord/ppt/1.jpg" id="pptpage" style="width: 100%">-->
                            <div class="text-center mar-top" id="ppt_btn_div">
                                <button class="btn btn-primary pull-left" id="page-left" disabled>上一张</button>
                                <button class="btn btn-primary pull-left mar-lft" id="page-right">下一张</button>
                                <button class="btn btn-primary pull-left mar-lft" onclick="RemoteDouble.signatureCampaign()" id="qianming" style="display: none">发起签名</button>
                                <!--<span style="line-height: 30px;font-size: 17px"><span id="ppt_page_num">1</span>/<span id="ppt_all_page_num"></span>页</span>-->
                                <button class="btn btn-primary pull-right" id="play-auto-ppt">播放</button>
                            </div>
                        </div>
                        <!--ppt 结束-->
                    </div>
                </div>
                <!--视频播放按钮-->
                <!--<div id="video_btn_div">-->
                <!--<div class="col-sm-6 text-center">-->
                <!--<button class="btn btn-primary pad-no pull-left" id="switchover"  style="width: 60px;height: 60px;border-radius: 50%">摄像头切换</button>-->
                <!---->
                <!--<button data-target="#demo-default-modal" data-toggle="modal" class="btn btn-primary pad-no pull-right" id="playback"  style="width: 60px;height: 60px;border-radius: 50%">视频回放</button>-->
                <!--&lt;!&ndash;<button class="btn btn-primary pad-no" id="openppt"  style="padding:0;position: absolute;right:20px;bottom: 120px;width: 60px;height: 60px;border-radius: 50%">产品展示</button>&ndash;&gt;-->
                <!--</div>-->
                <!--<div class="col-sm-6"></div>-->
                <!--</div>-->
                <!--视频播放按钮-->

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="col-sm-6">
                            <h3 class="panel-title">话术提示</h3>
                        </div>
                        <div class="col-sm-6">
                            <h3 class="panel-title">风险提示</h3>
                        </div>
                    </div>
                    <div class="panel-body" style="padding: 0 15px;position: relative">
                        <div class="row">
                            <div class="col-sm-6">
                                <div id="verbal" style="overflow-y: auto;">
                                    <h4>话术提示</h4>
                                    <div id="verbalinfo">
                                        <!--v-html="financialInfo.verbal"-->
                                        <div v-html="financialInfo.verbal">
                                            <p>1、xx先生/XX女士，上午好，我是您本次业务的服务专员，很高兴为您服务，为了保障您的账户资金安全，需要简单跟你核对一下基本信息。</p><p>2、请问本次业务的申请资料是您本人填写的吗？</p><p>3、请问您是否详细阅读并理解文件内相关条款且所有文件是您本人签署？</p><p>4、请问账户的收益人和风险控制人是您本人吗？</p><p>5、您本次申请购买的此款产品风险等级为平稳型，产品到期或赎回时不保证本金的赔付，有一定的本金风险，收益浮动且有一定波动；请问您是否清楚了解？</p><p>6、相关理财风险内容我们将为您播放相关风险提示录音，请您认真收听。请问现在可以开始播放了吗？</p><p>7、现在为您播放第二段风险提示录音，请您认真收听。</p><p>8、请问对刚才录音中的内容您是否清楚、了解？</p><p>9、XX女士，您本次的购买申请已审核通过。感谢您使用anychat柜台双录业务平台服务，祝您生活愉快！再见。</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="btn-group text-center" style="position: absolute;bottom: -40px;width: 100%">
                                    <button class="btn btn-info pull-left" data-target="#demo-default-modal" data-toggle="modal" id="playback">回放列表</button>
                                    <button class="btn btn-danger mar-hor" style="margin-left: auto;margin-right: auto" id="cancelbus">取消业务</button>
                                    <button class="btn btn-info mar-hor pull-right" id="submitted">提交业务</button>
                                </div>
                            </div>


                            <div class="col-sm-6 mar-no" style="position: relative">
                                <div id="list" style="position: relative">
                                    <div class="" id="loadMP3" style="text-align: center">添加风险提示文件</div>
                                </div>
                                <div style="position: relative">
                                    <div id="play_box">
                                        <div class="jAudio--box">
                                            <span class="doTime" id="doTime">00:00</span>
                                            <div class="jAudio--progress-bar-wrapper">
                                                <div class="jAudio--progress-bar-played" style="width: 0;" id="progress">
                                                    <span class="jAudio--progress-bar-pointer"></span>
                                                </div>
                                            </div>
                                            <span class="doTime" id="allTime">00:00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!--房间界面 -->
    <div id="room_div_old"  style="position: relative;display: none">
        <div id="room_div_close"><div>×关闭</div></div>
        <div style="padding:10px 20px 10px 20px;">
            <div id="room_div_left">
                <div id="room_div_userlist"></div>
                <!--<div id="room_div_myobject">-->
                    <!--<div id="AnyChatLocalVideoDiv" style="height:147px;"></div>-->
                    <!--<div style=" text-align:left; width:193px; height:4px;">-->
                        <!--<div id="LocalAudioVolume"></div>-->
                    <!--</div>-->
                <!--</div>-->
                <div style=" text-align:center;">
                    <div id="advancedsetting" onmouseout="Mouseout('advancedsetting')" onmousemove="Mouseover('advancedsetting')" style="float: left;height: 25px;line-height: 25px">高级设置</div>
                    <div class="Btn" id="btn1" style="margin: 10px 0 0 0;float: right;height: 25px;line-height: 25px">打开播放</div>
                    <!--<div class="Btn" id="recording" style="margin: 10px 0 0 0;float: right;height: 25px;line-height: 25px">打开播放</div>-->
                </div>
            </div>

            <div id="room_div_right">
                <div id="room_div_otherobject" style="text-align:center;">
                    <!--<div id="AnyChatRemoteVideoDiv" style="margin:0 auto;"></div>-->
                    <div style="width:502px; height:4px; text-align:left;">
                        <div id="RemoteAudioVolume"></div>
                    </div>
                </div>
                <div id="room_div_msgimg">
                    <div id="ReceiveMsgDiv"></div>
                    <div style=" width:464px; height:55px;">
                        <div id="room_div_right_MsgTxt">发言:<input type="text" id="MessageInput" style="width:280px;" /></div>
                        <div id="SendMsg" class="Btn" onmouseout="Mouseout('SendMsg')" onmousemove="Mouseover('SendMsg')" style="float:left; margin-bottom: 15px">发送信息</div>
                        <div style="width: 100%;clear: both"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--高级设置界面 -->
    <div id="advanceset_div">
        <div id="advanceset_div_close">×关闭</div>
        <div id="advanceset_div_mainpark">
            <div id="advanceset_div_Div_Btn">
                <div id="Btn_Div_Device" clickstate="true" onclick="selectSettingMenu('Device_Interface','Btn_Div_Device')" >设备选择</div>
                <div id="Btn_Div_Video" class="Btn_Div" clickstate="false" onclick="selectSettingMenu('Video_Parameter_Interface','Btn_Div_Video')" >视频参数</div>
                <div id="Btn_Div_Sound" class="Btn_Div" clickstate="false" onclick="selectSettingMenu('Sound_Parameter_Interface','Btn_Div_Sound')"  >音频参数</div>
                <div id="Btn_Div_Other" class="Btn_Div" clickstate="false" onclick="selectSettingMenu('Other_Parameter_Interface','Btn_Div_Other')"  >其他设置</div>
            </div>
            <div id="advanceset_div_mainpark_parameter">
                <div style="height:10px;"></div>
                <div id="Device_Interface">
                    视频设备：<select id="DeviceType_VideoCapture" onchange="GetTheValue('DeviceType_VideoCapture')" style=" width:250px;"></select><br />
                    录音设备：<select id="DeviceType_AudioCapture" onchange="GetTheValue('DeviceType_AudioCapture')" style=" width:250px;"></select><br />
                    放音设备：<select id="DeviceType_AudioPlayBack" onchange="GetTheValue('DeviceType_AudioPlayBack')" style=" width:250px;"></select>
                </div>
                <div id="Video_Parameter_Interface">
                    <table id="advanceset_div_Tab">
                        <tr>
                            <td class="td_input"><input type="checkbox" id="ServerSetting" onclick="ChangeTheResult('ServerSetting')" checked="checked" /></td>
                            <td>服务器配置参数优先</td>
                            <td></td>
                            <td class="td_input"><a>质量：</a></td>
                            <td><select id="quality" onchange="GetTheValue('quality')" disabled="disabled" style=" width:80px;"></select></td>
                        </tr>
                        <tr>
                            <td class="td_input"><a>码率：</a></td>
                            <td><select id="code_rate" onchange="GetTheValue('code_rate')" disabled="disabled" style=" width:80px;"></select></td>
                            <td></td>
                            <td class="td_input"><a>分辨率：</a></td>
                            <td><select id="distinguishability" onchange="GetTheValue('distinguishability')" disabled="disabled" style=" width:80px;"></select></td>
                        </tr>
                        <tr>
                            <td class="td_input"><a>帧率：</a></td>
                            <td><select id="frame_rate" onchange="GetTheValue('frame_rate')" disabled="disabled" style=" width:80px;"></select></td>
                            <td></td>
                            <td class="td_input">(当前分辨率：</td>
                            <td id="current_resolution"></td>
                        </tr>
                        <tr>
                            <td class="td_input"><a>预设：</a></td>
                            <td><select id="preinstall" onchange="GetTheValue('preinstall')" disabled="disabled" style=" width:80px;"></select></td>
                            <td></td>
                            <td><div id="apply_changes" onclick="BtnApply()" onmouseout="Mouseout('apply_changes')" onmousemove="Mouseover('apply_changes')">应用更改</div></td>
                        </tr>
                    </table>
                </div>
                <div id="Sound_Parameter_Interface">
                    <div style=" height:30px; margin:10px 0px 0px 5px;"><select id="Speak_Mode" style=" width:140px;" onChange="GetTheValue('Speak_Mode')"></select></div>
                    <div class="audio_tabcontrol"><input id="audio_vadctrl" onchange="ChangeTheResult('audio_vadctrl')" type="checkbox" />静音检测</div>
                    <div class="audio_tabcontrol"><input id="audio_echoctrl" onchange="ChangeTheResult('audio_echoctrl')" type="checkbox" />回音消除</div>
                    <div class="audio_tabcontrol"><input id="audio_nsctrl" onchange="ChangeTheResult('audio_nsctrl')" type="checkbox" />噪音抑制</div>
                    <div class="audio_tabcontrol"><input id="audio_agcctrl" onchange="ChangeTheResult('audio_agcctrl')" type="checkbox" />自动增益</div>
                </div>
                <div id="Other_Parameter_Interface">
                    <p style="float:left;margin:10px;"><input id="Checkbox_P2P" onchange="ChangeTheResult('Checkbox_P2P')" type="checkbox" />P2P优先</p>
                    <p style="float:left;margin:10px;">视频显示裁剪模式:<select id="videoshow_clipmode" onchange="GetTheValue('videoshow_clipmode')"  style=" width:80px;" ></select></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!--弹窗播放视频start-->
<div class="modal fade" id="demo-default-modal" role="dialog" tabindex="-1" aria-labelledby="demo-default-modal" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

            <!--Modal header-->
            <div class="modal-header">
                <button data-dismiss="modal" class="close" type="button">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">视频回放</h4>
            </div>

            <!--Modal body-->
            <div class="modal-body" style="padding: 0">
                <p align=center id="videotag">

                </p>
                <div id="videotag_2" style="display: none">
                    <video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" style="width: 600px;height: 450px;"></video>

                    <button class='pull-right btn btn-primary' onclick='video_play_callback.video_list()' style='right: 90px; bottom: -42px; position: absolute;'>返回</button><br/>
                </div>
            </div>

            <!--Modal footer-->
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default" type="button">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--弹窗播放视频end-->


<!--产品信息start-->
<div class="modal fade" data-backdrop="static" id="operation" role="dialog" tabindex="-1" aria-labelledby="operation" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

            <!--Modal header-->
            <div class="modal-header">
                <button data-dismiss="modal" class="close" type="button">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">呼叫信息</h4>
            </div>

            <!--Modal body-->
            <div class="modal-body">

                <h4>收到 <span class="text-info">视频通话请求，是否接受？</h4>

            </div>

            <!--Modal footer-->
            <div class="modal-footer">
                <button  class="btn btn-primary" type="button" onclick="RemoteDouble.AcceptRequestBtnClick()">同意</button>
                <button  class="btn btn-default" type="button"  onclick="RemoteDouble.RejectRequestBtnClick()">拒绝</button>
            </div>
        </div>
    </div>
</div>
<!--产品信息end-->


<!--签名图片start-->
<div class="modal fade" id="signatureImage" role="dialog" tabindex="-1" aria-labelledby="signatureImage" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

            <!--Modal header-->
            <div class="modal-header">
                <button data-dismiss="modal" class="close" type="button">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">签名确认</h4>
            </div>

            <!--Modal body-->
            <div class="modal-body">
                <img src="" id="signatureImage_2" class="img-responsive">
            </div>

            <!--Modal footer-->
            <div class="modal-footer">
                <button data-dismiss="modal"  class="btn btn-primary" type="button">确认签名</button>
            </div>
        </div>
    </div>
</div>
<!--签名图片end-->



<!--音频播放弹出层start-->
<div id="popup">
    <div class="title">
        <p data-title="音频列表"></p>

        <span class="close">x</span>
    </div>
    <div class="cont">

    </div>
    <iframe id="popupIframe"></iframe>
</div>
<div id="mask_shadow"></div>
<!--音频播放弹出层end-->

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">上传进度</h4>
            </div>
            <div class="modal-body" id="process_box">
                <div class="bar">
                    <div class="progress"></div>
                </div>
            </div>
            <div class="modal-footer">
                <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                <!--<button type="button" class="btn btn-primary">提交更改</button>-->
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" data-backdrop="static" id="myModal_" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
                <h4 class="modal-title" id="myModalLabel_">下载进度</h4>
            </div>
            <div class="modal-body" id="process_box_">
                <div class="bar">
                    <div class="progress"></div>
                </div>
            </div>
            <div class="modal-footer">
                <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                <!--<button type="button" class="btn btn-primary">提交更改</button>-->
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<script type="text/javascript" src="javascript/plugin/jquery-1.12.1.min.js"></script>
<script type="text/javascript" src="javascript/plugin/bootstrap.min.js"></script>
<script type="text/javascript" src="javascript/plugin/data.js"></script>
<script src="extend_resource/plugins/video_js/video.js"></script>
<script src="javascript/plugin/vue.min.js"></script>
<script src="extend_resource/plugins/layer/js/layer.js"></script>
<script src="javascript/public.js" type="text/javascript" charset="utf-8"></script>
<script src="extend_resource/js/do.js"></script>
<script src="javascript/videocall.js"></script>
<script type="text/javascript" src="javascript/logicfunc.js" charset="gb2312"></script>
<script type="text/javascript" src="javascript/AnyChatMediaUtils.js"></script>
</body>






<script>

    /**
     * 浏览器1204自适应
     */
    var win1024 = false;
    function initwindow(){
        var window_w = $(window).width();
        if(window_w<1280){
            do_style();
        }else{
            win1024 = false;
        }

        function do_style(){
//            $('#AnyChatRemoteVideoDiv').css({float:'right','margin-right':'90px'});
            win1024 = true;
        }
    }

    initwindow();
    $(window).resize(function() {
        initwindow();
    });
</script>
</html>